<!--
 * @Author: ITDLCL
 * @Date: 2024-11-28 14:04:11
 * @LastEditors: ITDLCL
 * @Description:  空的页面缺省页
-->
<template>
  <view class="empty-card">
    <image
      :src="`https://bac-miniprogram.oss-cn-beijing.aliyuncs.com/images/icon/${info.icon}.png`"
      :style="{ width: info.iconWidth }"
      mode="widthFix"
    />
    <view class="desc d-flex siyuan-medium">
      {{ info.tip }}
      <text class="intel-one-mono-regular">{{ info.es }}</text>
    </view>
    <view class="tip">{{ info.desc }}</view>
  </view>
</template>
<script setup>
let props = defineProps({
  info: {
    type: Object,
    default: {},
  },
});
</script>

<style lang="scss" scoped>
.empty-card {
  text-align: center;
  image {
    width: 246rpx;
  }
  .desc {
    margin-top: 56rpx;
    align-items: center;
    justify-content: center;
    font-size: 30rpx;
    line-height: 34rpx;
    text {
      padding: 0 14rpx;
      margin-left: 8px;
      background: #000000;
      font-size: 24rpx;
      color: #ffffff;
      line-height: inherit;
    }
  }
  .tip {
    margin-top: 40rpx;
    font-size: 20rpx;
    color: var(--grey-text);
  }
}
</style>
